@prefixCls-updata: documentatio-update;
@prefixCls-updata-oa: purchase-document-update;
@prefixCls-manage: documentatio-manage;

.overflow() {
  overflow-y: hidden;
  overflow-x: hidden;
}

.displayDirection() {
  display: flex;
  flex-direction: column;
}

.@{prefixCls-updata-oa} {
  //OA页面样式
  &-infoViewOA {
    height: 100%;
    width: 100%;
    .displayDirection();
    .overflow();

    &-centerBodyTitleBox {
      text-align: center;
      font-weight: 700;
      font-size: 24px;
    }

    &-titleBox {
      display: flex;
      justify-content: space-between;
      background-color: #fff;
      border-radius: 5px;
      align-items: center;
      padding: 0px 10px;

      &-textValue {
        font-size: 22px;
        padding: 10px 0px;
      }
    }

    &-centerBox {
      flex: auto;
      background: #fff;
      margin: 6px 0px;
      border-radius: 5px;
      padding: 10px 0px;
      overflow: hidden;
    }

    &-bottomBtnBox {
      background-color: #fff;
      border-radius: 5px;

      &-spaceItemBox {
        display: flex;
        justify-content: center;
        padding: 0px 10px;
      }

      &-spaceItemBox > .ant-space > .ant-space-item {
        margin: 10px 0px;
      }
    }
  }

  // 流程办理
  &-flowListView {
    width: 100%;
    height: 100%;
    padding: 0px 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    &-workflowTbodyRootDiv {
      width: 100%;
      flex: auto;
      height: 30%;
      overflow: hidden;

      .ant-empty {
        margin: 0px;
        padding: 50px 0px;
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
      }

      table {
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
      }

      td {
        padding: 10px;
      }

      tr:not(:first-child) {
        border-top: 1px solid #d7d7d7;
      }
    }
  }

  &-workflowNodesTableTitle {
    border-top: 1px solid #d7d7d7;
    overflow: hidden;

    &-tableTheadBox {
      text-align: left;
      border: 1px solid #d7d7d7;

      th {
        padding: 10px;
        background-color: #f7f7f7;
      }
    }
  }
}

.@{prefixCls-manage} {
  &-RootDivBox {
    height: 100%;
    overflow: hidden;
    .list-layout-table {
      .ant-table-container {
        .ant-table-tbody {
          .ant-table-cell-with-append {
            padding: 9.5px 0;
          }
        }
      }
    }
  }
}

.@{prefixCls-updata} {
  width: 100%;
  height: 100%;
  overflow: hidden;
  // background-color: #fff;
  display: flex;
  flex-direction: column;

  .ant-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;

    .ant-card-body {
      flex: auto;
      height: 1%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
  }

  .ant-tabs-content-holder {
    display: none;
  }

  &-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;

    &-tabs {
      border-right: 1px dashed #f0f0f0;
      background: #fafafa;
      .ant-tabs-tab {
        border: 2px solid rgba(0, 0, 0, 0);
      }
      .ant-tabs-tab-active {
        background: #fff;
        border-bottom: 1px solid #40a9ff;
      }
      .ant-tabs-ink-bar-animated {
        width: 6px !important;
      }
    }

    &-scroll {
      width: 100%;
      height: 100%;

      &-desc {
        height: 100%;
        padding: 8px;
      }
    }
  }

  &-footer {
    // display: flex;
    // justify-content: center;
    // align-items: center;
    // padding: 10px 0px;
    // border-top: 1px dashed #cdcdcd;
    // background: #fff;

    button {
      // margin: 0 8px;
    }
  }

  &-renderFormTableBox {
    .formItem-bidPeriodDay {
      .ant-select-single .ant-select-selector .ant-select-selection-search {
        position: unset;
      }
      .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
        position: absolute;
      }
    }
  }
  &-ContractBox {
    height: 100%;
    display: flex;
    flex-direction: column;
    .ant-form {
      .ant-form-item {
        margin-bottom: 15px;
      }
    }
  }
}

.criteria-btnStyle {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
  .ant-col {
    height: 100%;
  }
  .criteria-btnStyle-bottomIcon {
    min-width: 43px;
    max-width: 100px;
    height: 100%;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f0f0f0;
    background-color: #fafafa;
    cursor: pointer;
  }
}
